<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<title>澳华装饰</title>
	<link rel="stylesheet" type="text/css" href="css/index.css" />
	<link rel="stylesheet" type="text/css" href="js/font-awesome-4.7.0/css/font-awesome.min.css" />
	<link rel="stylesheet" type="text/css" href="css/header.css" />
	<link rel="stylesheet" type="text/css" href="css/section.css" />
	<link rel="stylesheet" href="js/bootstrap-4.1.3-dist/css/bootstrap.css">
	<script src="js/jquery-1.12.4.js"></script>
	<script src="js/bootstrap-4.1.3-dist/js/bootstrap.js"></script>
</head>

<body>
	<div class="container-fluid">
		<header>
			<div class="header-top">
				<div class="content">
					<div class="ht-city">
						<span>
							<i class="fa fa-map-marker" aria-hidden="true"></i>
						</span>
						<span>房屋所在城市:</span>
						<span>
							<span>武汉</span>
							<i></i>
						</span>
						<div class="city">
							<ul>
								<li>江岸</li>
								<li>江汉</li>
								<li>桥口</li>
								<li>汉阳</li>
								<li>武昌</li>
							</ul>
							<ul>
								<li>青山</li>
								<li>洪山</li>
								<li>东西湖</li>
								<li>汉南</li>
								<li>蔡甸</li>
							</ul>
							<ul>
								<li>江夏</li>
								<li>黄陂</li>
								<li>新洲</li>
							</ul>
						</div>
					</div>
					<div class="ht-mfbj">
						<span>免费报价</span>
						<span>预约设计</span>
					</div>
					<div class="ht-hy">
						欢迎来到澳华装饰官网
					</div>
				</div>
			</div>
			<div class="header-center">
				<div class="content">
					<div class="hc-logo">
						<img src="img/header/logo.png" />
						<span>专注中高档装修26年</span>
					</div>
					<div class="hc-select">
						<div class="hs-left">
							<span>找设计师</span>
							<i class="fa fa-angle-down" aria-hidden="true"></i>
							<div class="shejishixiala">
								<ul>
									<li>找设计师</li>
									<li>看作品</li>
									<li>装修课堂</li>
								</ul>
							</div>
						</div>
						<input placeholder="专业设计师团队,为您私人订制" />
						<div class="hs-right">搜索</div>
					</div>
					<div class="hc-phone">
						<span>全国咨询热线</span>
						<span><i class="fa fa-phone" aria-hidden="true"></i>027-82790100</span>
					</div>
				</div>
			</div>
			<div class="header-bottom">
				<div class="content">
					<ul class="hb-munes">
						<li>首页</li>
						<li>
							澳华产品
							<ul class="muensli">
								<li>无忧装3.0</li>
							</ul>
						</li>
						<li>
							实景案例
							<ul class="muensli">
								<li>实景案例</li>
								<li>预约参观</li>
							</ul>
						</li>
						<li>
							最新活动
							<ul class="muensli">
								<li>最新优惠</li>
								<li>澳华大事件</li>
								<li>特惠预约</li>
							</ul>
						</li>
						<li>
							设计大咖
							<ul class="muensli">
								<li>设计总监</li>
								<li>高级主任设计师</li>
								<li>主任设计师</li>
								<li>CBDA特约设计</li>
							</ul>
						</li>
						<li>
							装修知识
							<ul class="muensli">
								<li>家装百科</li>
								<li>家居风水</li>
								<li>装修选材</li>
								<li>软装攻略</li>
							</ul>
						</li>
						<li>
							金牌保障
							<ul class="muensli">
								<li>设计保障</li>
								<li>施工保障</li>
								<li>品质保障</li>
								<li>产品保障</li>
								<li>安全保障</li>
								<li>闪电售后</li>
							</ul>
						</li>
						<li>
							澳华新闻
							<ul class="muensli">
								<li>品牌历程</li>
								<li>澳华工装</li>
								<li>爱心澳华</li>
								<li>企业文化</li>
							</ul>
						</li>
						<li>
							终身会员俱乐部
							<ul class="muensli">
								<li>关于会员</li>
								<li>直播直播间</li>
							</ul>
						</li>
					</ul>
				</div>
			</div>
		</header>
		<section>
			<div class="s-banmd">
				<div class="banmd">
					<div id="demo" class="carousel slide" data-ride="carousel">

						<div class="carousel-inner">
							<div class="carousel-item active">
								<img src="img/section/01.jpg" alt="">
							</div>
							<div class="carousel-item">
								<img src="img/section/02.jpg" alt="">
							</div>
							<div class="carousel-item">
								<img src="img/section/03.jpg" alt="">
							</div>
							<a class="carousel-control-prev" href="#demo" data-slide="prev">
								<span class="carousel-control-prev-icon"></span>
							</a>
							<a class="carousel-control-next" href="#demo" data-slide="next">
								<span class="carousel-control-next-icon  "></span>
							</a>

						</div>
					</div>
				</div>
				<div class="sc-huoqu">
					<div class="sch-left">
						<div class="scl-title">
							<span>装修第一步，算一算我家装修一共需要花多少钱</span>
						</div>
						<div class="scl-nr">
							<input type="text" placeholder="您的手机号" />
							<div class="scln-jiaju">
								<select name="huxing" id="huxing">
									<option value="" selected="selected" style="display: none;">家居户型</option>
									<option value="两室两厅一卫一厨">两室两厅一卫一厨</option>
									<option value="两室两厅二卫一厨">两室两厅二卫一厨</option>
									<option value="三室两厅一卫一厨">三室两厅一卫一厨</option>
									<option value="三室两厅二卫一厨">三室两厅二卫一厨</option>
									<option value="四室两厅一卫一厨">四室两厅一卫一厨</option>
									<option value="四室两厅二卫一厨">四室两厅二卫一厨</option>
								</select>
							</div>
							<div class="scln-mingji">
								<input type="text" placeholder="您的房屋面积" />
								<i>m²</i>
							</div>
							<input type="text" placeholder="您的称呼" />
						</div>
					</div>
					<div class="sch-right">
						<span>
							获&nbsp;&nbsp;取
							<br />
							报&nbsp;&nbsp;价
						</span>
					</div>
				</div>
			</div>
			<div class="s-push">
				<ul>
					<li class="sp-img1">
						<span>澳华无忧装</span>
						<p>开启"无忧"装修之旅</p>
					</li>
					<li class="sp-img2">
						<span>免费报价</span>
						<p>最快10秒报价，一键轻松获取</p>
					</li>
					<li class="sp-img3">
						<span>预约设计</span>
						<p>规划理想生活蓝图</p>
					</li>
					<li class="sp-img4">
						<span>VR体验</span>
						<p>眼见为实，未来家近在眼前</p>
					</li>
				</ul>
			</div>
			<div class="s-design">
				<div class="sd-tit">
					<h2>经典设计</h2>
					<div class="tit-line"></div>
					<p>无忧装五大风格样板间，贴合家居生活理念</p>
					<div class="st-mune">
						<ul>
							<li>港式风格</li>
							<li>美式风格</li>
							<li>欧式风格</li>
							<li>现代风格</li>
							<li>中式风格</li>
							<li>地中海风格</li>
							<li>北欧风格</li>
							<li>新古典风格</li>
							<li>全部案例</li>
						</ul>
					</div>
				</div>
				<div class="sd-banmd2">
					<div class="sb-lunbo2">
						<ul>
							<li>
								<img src="img/section/lunbo04.jpg" />
							</li>
							<li>
								<img src="img/section/lunbo05.jpg" />
							</li>
							<li>
								<img src="img/section/lunbo01.jpg" />
							</li>
							<li>
								<img src="img/section/lunbo02.jpg" />
							</li>
							<li>
								<img src="img/section/lunbo03.jpg" />
							</li>
							<li>
								<img src="img/section/lunbo04.jpg" />
							</li>
							<li>
								<img src="img/section/lunbo05.jpg" />
							</li>
							<li>
								<img src="img/section/lunbo01.jpg" />
							</li>
							<li>
								<img src="img/section/lunbo02.jpg" />
							</li>
						</ul>
						<div class="design-fg">
							<div class="dfg-top"></div>
							<div class="dfg-bottom">
								<span>
									<span id="bianhua">01</span>/05
								</span>
								<span class="btn-prev"></span>
								<span class="btn-next"></span>
								<div class="hd">
									<ul>
										<li class="on">1</li>
										<li>2</li>
										<li>3</li>
										<li>4</li>
										<li>5</li>
									</ul>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="sd_box">

				</div>
			</div>
		</section>
		<script src="js/header.js"></script>
		<script src="js/section.js"></script>
</body>

</html>